.admin {
    .admin-silder {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 2;
        background-color: rgb(48, 65, 86);
        box-shadow: 0 0 7px #666;
        transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
    }

    .admin-header {
        position:fixed;
        top: 0;
        left: 200px;
        z-index: 1;
        height: 84px;
        box-shadow: 3px 0 5px #ddd;
        background-color: #fff;
        transition: left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;

        .admin-header-top {
            height: 50px;
            box-shadow: 3px 0 5px #ddd;

            .icon {
                font-size: 20px;
                margin: 15px auto 15px 15px;
            }
        }
    }

    .admin-content {
        margin-left: 200px;
        margin-top: 84px;
        box-sizing: border-box;
        padding: 20px;
        transition: margin-left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
    }
}